@charset "utf-8";


.sy_h2{transition: .9s .5s;}
.swiper-slide-active .sy_h2{ animation: fadeInDown  0.7s ease both; animation-delay: 0.8s; }
.s_slide2.swiper-slide-active .syswiper2  .swiper-slide:nth-child(1){animation: zoomIn  0.4s 1s ease both;}
.s_slide2.swiper-slide-active .syswiper2  .swiper-slide:nth-child(2){animation: zoomIn  0.4s 1.2s ease both;}
.s_slide2.swiper-slide-active .syswiper2  .swiper-slide:nth-child(3){animation: zoomIn  0.4s 1.4s ease both;}

.s_slide3.swiper-slide-active .syswiper3  .swiper-slide:nth-child(1){animation: fadeInUp  0.8s 1s ease both;}
.s_slide3.swiper-slide-active .syswiper3  .swiper-slide:nth-child(2){animation: fadeInUp  0.8s 1.2s ease both;}
.s_slide3.swiper-slide-active .syswiper3  .swiper-slide:nth-child(3){animation: fadeInUp  0.8s 1.4s ease both;}
.s_slide3.swiper-slide-active .syswiper3  .swiper-slide:nth-child(4){animation: fadeInUp  0.8s 1.6s ease both;}

.s_slide4.swiper-slide-active .syswiper4  .swiper-slide:nth-child(1){animation: flipInY  0.8s 1s ease both;}
.s_slide4.swiper-slide-active .syswiper4  .swiper-slide:nth-child(2){animation: flipInY  0.8s 1.2s ease both;}
.s_slide4.swiper-slide-active .syswiper4  .swiper-slide:nth-child(3){animation: flipInY  0.8s 1.4s ease both;}
.s_slide4.swiper-slide-active .syswiper4  .swiper-slide:nth-child(4){animation: flipInY  0.8s 1.6s ease both;}

.s_slide5.swiper-slide-active .about_box .txt{animation: fadeIn  0.8s 0.8s ease both;}
.s_slide5.swiper-slide-active .about_box .ul{animation: scale1  1s 0.8s ease both;}
.s_slide7.swiper-slide-active .con_box{animation: scale2  0.5s 0.8s ease both;}


@-webkit-keyframes scale1 {
	0% {opacity: 0;transform: scale(0);}
	100% {opacity: 1;transform: scale(1);}
}
@keyframes scale1 {
	0% {opacity: 0;transform: scale(0);}
	100% {opacity: 1;transform: scale(1);}
}

@-webkit-keyframes scale2 {
	0% {opacity: 0;transform: scale(2);}
	100% {opacity: 1;transform: scale(1);}
}
@keyframes scale2 {
	0% {opacity: 0;transform: scale(2);}
	100% {opacity: 1;transform: scale(1);}
}
@-webkit-keyframes transform_busi {
	0% {transform: rotateX(45deg);opacity: 0;}
	100% {transform: rotateX(0deg);opacity: 1;}
}
@keyframes transform_busi {
	0% {transform: rotateX(45deg);opacity: 0;}
	100% {transform: rotateX(0deg);opacity: 1;}
}

@-webkit-keyframes dt1 {
	0% {transform:perspective(200px) translateX(-300px) translateZ(-300px) rotateY(180deg);opacity: 0}
	100% {transform:perspective(200px) translateX(0px) translateZ(0px) rotateY(0deg);opacity: 1}
}
@keyframes dt1 {
	0% {transform:perspective(200px) translateX(-300px) translateZ(-300px) rotateY(180deg);opacity: 0}
	100% {transform:perspective(200px) translateX(0px) translateZ(0px) rotateY(0deg);opacity: 1}
}
@-webkit-keyframes dt2 {
	0% {transform:perspective(200px) translateZ(-300px) rotateY(360deg) rotateX(360deg);opacity: 0}
	100% {transform:perspective(200px) translateZ(0px) rotateY(0deg) rotateX(0deg);opacity: 1}
}
@keyframes dt2 {
	0% {transform:perspective(200px) translateZ(-300px) rotateY(360deg) rotateX(360deg);opacity: 0}
	100% {transform:perspective(200px) translateZ(0px) rotateY(0deg) rotateX(0deg);opacity: 1}
}
@-webkit-keyframes dt3 {
	0% {transform:perspective(200px) translateZ(-300px) rotateX(180deg);opacity: 0}
	100% {transform:perspective(200px) translateZ(0px) rotateX(0deg);opacity: 1}
}
@keyframes dt3 {
	0% {transform:perspective(200px) translateZ(-300px) rotateX(180deg);opacity: 0}
	100% {transform:perspective(200px) translateZ(0px) rotateX(0deg);opacity: 1}
}
@-webkit-keyframes dt4 {
	0% {transform:perspective(200px) translateY(200px) translateZ(-300px) rotateX(360deg);opacity: 0}
	100% {transform:perspective(200px) translateY(0px) translateZ(0px) rotateX(0deg);opacity: 1}
}
@keyframes dt4 {
	0% {transform:perspective(200px) translateY(200px) translateZ(-300px) rotateX(360deg);opacity: 0}
	100% {transform:perspective(200px) translateY(0px) translateZ(0px) rotateX(0deg);opacity: 1}
}
@-webkit-keyframes dt5 {
	0% {transform:perspective(200px) translateX(300px) translateZ(-300px) rotateY(360deg);opacity: 0}
	100% {transform:perspective(200px) translateX(0px) translateZ(0px) rotateY(0deg);opacity: 1}
}
@keyframes dt5 {
	0% {transform:perspective(200px) translateX(300px) translateZ(-300px) rotateY(360deg);opacity: 0}
	100% {transform:perspective(200px) translateX(0px) translateZ(0px) rotateY(0deg);opacity: 1}
}
.s_slide6.swiper-slide-active .conbox .li:nth-of-type(1){animation: dt1  1s 1s ease both;}
.s_slide6.swiper-slide-active .conbox .li:nth-of-type(2){animation: dt2  1s 1s ease both;}
.s_slide6.swiper-slide-active .conbox .li:nth-of-type(3){animation: dt3  1s 1s ease both;}
.s_slide6.swiper-slide-active .conbox .li:nth-of-type(4){animation: dt4  1s 1s ease both;}
.s_slide6.swiper-slide-active .conbox .li:nth-of-type(5){animation: dt5  1s 1s ease both;}




<!--0.00011897087097168-->